<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <title>昌华</title>
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/4.5.0/css/swiper.css">
</head>

<body>
  <div id="shouhou">
    <div class="pub-top">
      <img src="./images/logo1.png" alt="">
      <div class="nav">
        <a href="index.html">首页</a>
        <a href="renli.html">人力资源</a>
        <a href="xiangmu.html">项目管理</a>
        <a href="gongchang.html">工厂仓库</a>
        <a href="shouhou.html" class="active">售后服务</a>
        <img src="./images/search.png" alt="">
      </div>
    </div>
    <div class="cont">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <p class="tit">售后的优势</p>
            <p class="e-tit">ADVANTAGE OF AFTER-SALES </p>
            <div class="text-cont">
              <div class="text-box">
                <p class="text-tit">及时反馈问题</p>
                <p class="text">塔筒厂或海上现场远离办公室，售后能第一时间反馈现场最新情况，免去和客户的沟通障碍</p>
              </div>
              <div class="text-box">
                <p class="text-tit">及时解决问题</p>
                <p class="text">解决方案总是分“临时措施”和“后续改进”，因此售后可随时帮助做出临时措施</p>
              </div>
              <div class="text-box">
                <p class="text-tit">了解产品的用途</p>
                <p class="text">针对“后续改进”，售后在现场了解到产品的最终用途，这些信息能够帮助设计师</p>
              </div>
              <div class="text-box">
                <p class="text-tit">了解客户的需求</p>
                <p class="text">售后的信息还将对商务产生影响，这缩短了管理层和现场实际需求之间的距离</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide swiper-slide1">
            <p class="tit">售后报告</p>
            <p class="e-tit">AFTER-SALES REPORT</p>
            <div class="pic-cont">
              <div class="cont-box">
                <div class="how-box">
                  <div class="box">
                    <p class="box-tit">45%</p>
                    <p class="box-text">客观描述问题，拍照取证，并记录实测尺寸等数据</p>
                  </div>
                  <div class="box">
                    <p class="box-tit">50%</p>
                    <p class="box-text">对比图纸和BOM，首先判断责任是否我方制作或打包错误</p>
                  </div>
                  <div class="box">
                    <p class="box-tit">65%</p>
                    <p class="box-text">若非我方责任，客观记录需改进的尺寸、孔位等信息</p>
                  </div>
                  <div class="box">
                    <p class="box-tit">90%</p>
                    <p class="box-text">积极配合客户做临时处理措施，并记录临时方案</p>
                  </div>
                  <div class="box">
                    <p class="box-tit">100%</p>
                    <p class="box-text">发送完整报告，由设计、质量等处理后续整改事宜</p>
                  </div>
                </div>
                <img src="./images/s-pic5.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Add Arrows -->
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
    <div class="pub-bottom">
      <div class="pub-item">
        <div class="pub-line">
        </div>
        <p class="pub-text"><span>01 </span>人力资源</p>
      </div>
      <div class="pub-item">
        <div class="pub-line">
          <p class="pub-line1"></p>
        </div>
        <p class="pub-text"><span>02 </span>项目管理</p>
      </div>
      <div class="pub-item">
        <div class="pub-line">
        </div>
        <p class="pub-text"><span>03 </span>工厂仓库</p>
      </div>
      <div class="pub-item">
        <div class="pub-line active">
          <p class="pub-line1"></p>
        </div>
        <p class="pub-text active"><span>04 </span>售后服务</p>
      </div>
    </div>
  </div>
</body>
<script src="./js/index.js"></script>
<script src="./js/jquery-1.10.2.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/4.5.0/js/swiper.min.js"></script>
<script>
  var swiper = new Swiper('.swiper-container', {
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
  });
</script>

</html>